<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

  <meta name="description" content="">
  <meta name="author" content="">

  <title>Enunciate Template</title>

  <!-- Bootstrap core CSS -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

  <!--custom css for these pages-->
  <link rel="stylesheet" href="css/enunciate.css">

  <link href="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.css" type="text/css">

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>

<body data-spy="scroll" data-target="#apinav">

  <nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">Web API</a>
      </div>
      <div id="navbar" class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#">Services</a></li>
          <li><a href="#">Resources</a></li>
          <li><a href="#">Media Types</a></li>
          <li><a href="#">Files and Libraries</a></li>
        </ul>
      </div>
    </div>
  </nav>

  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-3 col-md-2 sidebar" id="apinav">
        <ul class="nav nav-sidebar">
          <li class="active"><a href="#sec1">Section 1</a></li>
          <li><a href="#sec2">Section 2</a></li>
          <li><a href="#sec3">Section 3</a></li>
        </ul>
      </div>

      <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
        <ol class="breadcrumb">
          <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Namespace <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">Namespaces</a></li>
              <li class="divider"></li>
              <li><a href="#">namespace 1</a></li>
              <li><a href="#">namespace 2</a></li>
              <li><a href="#">namespace 3</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Elements <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">Elements</a></li>
              <li class="divider"></li>
              <li><a href="#">resources</a></li>
              <li><a href="#">paths</a></li>
            </ul>
          </li>
          <li class="active dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Element <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">element one</a></li>
              <li><a href="#">element 2</a></li>
              <li><a href="#">element 3element 3element 3element 3element 3element 3element 3element 3element 3element 3element 3element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
              <li><a href="#">element 3</a></li>
            </ul>
          </li>
        </ol>

        <div class="jumbotron">
          <div class="container">
            <h1>Hello, World!</h1>
            <p>Here are some package-level API docs.</p>
          </div>
        </div>

        <h1 class="page-header" id="sec1">Resources</h1>

        <table class="table table-hover">
          <thead>
            <tr>
              <th align="center">name</th>
              <th align="center">path</th>
              <th align="center">occurs</th>
              <th align="center">description</th>
            </tr>
          </thead>
          <tbody data-link="row" class="rowlink">
            <tr class="clickable-row" data-href="http://google.com">
              <td>somenamethatissomewhatlong</td>
              <td class="text-nowrap"><ul class="list-unstyled"><li><samp>/path/to/resources</samp></li><li><samp>/path/to/resources/{id}</samp></li></ul></td>
              <td>0..1 (attribute)</td>
              <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
            </tr>
            <tr class="clickable-row" data-href="http://facebook.com">
              <td>somename</td>
              <td class="text-nowrap"><ul class="list-unstyled"><li><samp>/path/to/resources</samp></li><li><samp>/path/to/resources/{id}</samp></li></ul></td>
              <td>0..*</td>
              <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
            </tr>
            <tr class="clickable-row" data-href="#nowhere">
              <td><s>somename</s></td>
              <td class="text-nowrap"><ul class="list-unstyled"><li><samp>/path/to/resources</samp></li><li><samp>/path/to/resources/{id}</samp></li></ul></td>
              <td><s>n/a (value)</s></td>
              <td><s>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table.</s></td>
            </tr>
          </tbody>
        </table>

        <h1 class="page-header" id="sec2">Services</h1>

        <table class="table">
          <caption>Namespace <code>http://myns.com/v1/blah</code> (<a href="#">wsdl</a>)</caption>
          <tr>
            <th align="center">name</th>
            <th align="center">description</th>
          </tr>
          <tr>
            <td>somenamethatissomewhatlong</td>
            <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
          </tr>
          <tr>
            <td>somename</td>
            <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
          </tr>
          <tr>
            <td>somename</td>
            <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
          </tr>
        </table>

        <table class="table">
          <caption>Namespace <code>http://myns.com/v2/blah</code> (<a href="#">wsdl</a>)</caption>
          <tr>
            <th align="center">name</th>
            <th align="center">description</th>
          </tr>
          <tr>
            <td>somenamethatissomewhatlong</td>
            <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
          </tr>
          <tr>
            <td><s>somename</s></td>
            <td><s>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table.</s></td>
          </tr>
          <tr>
            <td>somename</td>
            <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
          </tr>
        </table>

        <h1 class="page-header" id="sec3">Data Types</h1>

        <h3>XML</h3>

        <table class="table">
          <caption>Namespace <code>http://myns.com/v2/blah</code> (<a href="#">wsdl</a>)</caption>
          <tr>
            <th align="center">name</th>
            <th align="center">type</th>
            <th align="center">description</th>
          </tr>
          <tr>
            <td>somenamethatissomewhatlong</td>
            <td>array of <a href="#">xmlns:xmltype</a></td>
            <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
          </tr>
          <tr>
            <td>somename</td>
            <td>array of <a href="#">xmlns:xmltype</a></td>
            <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
          </tr>
          <tr>
            <td>somename</td>
            <td>array of <a href="#">xmlns:xmltype</a></td>
            <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
          </tr>
        </table>

        <table class="table">
          <caption>Namespace <code>http://myns.com/v2/blah</code> (<a href="#">wsdl</a>)</caption>
          <tr>
            <th align="center">name</th>
            <th align="center">type</th>
            <th align="center">description</th>
          </tr>
          <tr>
            <td>somenamethatissomewhatlong</td>
            <td>array of <a href="#">xmlns:xmltype</a></td>
            <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
          </tr>
          <tr>
            <td>somename</td>
            <td>array of <a href="#">xmlns:xmltype</a></td>
            <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
          </tr>
          <tr>
            <td>somename</td>
            <td>array of <a href="#">xmlns:xmltype</a></td>
            <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
          </tr>
        </table>

        <h3>JSON</h3>

        <table class="table">
          <tr>
            <th align="center">name</th>
            <th align="center">type</th>
            <th align="center">description</th>
          </tr>
          <tr>
            <td>somenamethatissomewhatlong</td>
            <td>array of <a href="#">xmlns:xmltype</a></td>
            <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
          </tr>
          <tr>
            <td>somename</td>
            <td>array of <a href="#">xmlns:xmltype</a></td>
            <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
          </tr>
          <tr>
            <td>somename</td>
            <td>array of <a href="#">xmlns:xmltype</a></td>
            <td>Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. Some descriptive text that will be long enough to figure out how to best format it in the table. </td>
          </tr>
        </table>


        <footer class="footer">
          <div class="container">
            <p class="text-muted">Copyright &copy; <script type="text/javascript" language="javascript">d = new Date;document.write(d.getFullYear());</script> <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">Web Cohesion, LLC.</span></p>
          </div>
        </footer>

      </div>
    </div>
  </div>


  <!-- JavaScript placed at the end of the document so the pages load faster. -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

  <!-- Bootstrap core JavaScript -->
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

  <!-- prettify code blocks. see http://code.google.com/p/google-code-prettify/ -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/run_prettify.js" type="text/javascript"></script>
  <script>
    $(function() {
      $(".clickable-row").click(function() {
        window.document.location = $(this).data("href");
      });
    });
  </script>

</body>
</html>
